
<header class="am-topbar am-topbar-inverse am-topbar-fixed-bottom footer-botton ">
  <div class="am-container">
    <ul class="am-avg-sm-5 am-thumbnails">
      <li> <a href="#" >
        <div> <img class="" src="__A_UI_IMG__/home.png" alt=""/></div>
        <div class="nav_t ">首页</div>
        </a> </li>
      <li> <a href="#" >
        <div> <img class="" src="__A_UI_IMG__/vipcard_fill.png" alt=""/></div>
        <div class="nav_t nav_t_active">信用卡</div>
        </a> </li>
      <li> <a href="#" >
        <div> <img class="" src="__A_UI_IMG__/money_bag.png" alt=""/></div>
        <div class="nav_t">贷款</div>
        </a> </li>
      <li> <a href="#" >
        <div> <img class="" src="__A_UI_IMG__/message.png" alt=""/></div>
        <div class="nav_t">消息</div>
        </a> </li>
      <li> <a href="#" >
        <div> <img class="" src="__A_UI_IMG__/my.png" alt=""/></div>
        <div class="nav_t">我的</div>
        </a> </li>
    </ul>
  </div>
</header>

<!-- 
跳转对应页面时
对应导航文字添加nav_t_active样式
对应导航图片加上_fill
 -->